$(function() {
	var uploadFiles = function(files) {

		for ( var i = 0; i < files.length; i++) {
			var fd = new FormData();
			fd.append("images", files[i]);

			console.log(files[i]);
			console.log(fd);

			$.ajax({
				url : "upload",
				type : "POST",
				data : fd,
				processData : false,
				contentType : false,
				success : function(data, dataType){
					console.log(data);
					console.log(dataType);
				},
				error : function(XMLHttpRequest, textStatus, errorThrown){
					console.log(XMLHttpRequest);
					console.log(textStatus);
					console.log(errorThrown);
				}
			});
		}
	};

	// ファイル選択フォームからの入力
	$("#form").on("change", function(e) {
		// 選択されたファイル情報を取得
		var files = this.files;
		console.log(files);
		uploadFiles(files);
	});

	// ドラッグドロップからの入力
	$("#d_d_target").on("drop", function(e) {
		// ドラッグされたファイル情報を取得
		var files = e.originalEvent.dataTransfer.files;
		console.log(files);

		var $ul = $('<ul>').addClass('fileInfoes');
		for ( var i = 0; i < files.length; i++) {
			var file = files[i];
			var $li = $('<li>').addClass('fileInfo');
			var $fileName = $('<span>').text('fileName : ' + file.fileName).css('margin', '0 5px 0 0');
			var $fileSize = $('<span>').text('fileSize : ' + file.fileSize).css('margin', '0 5px 0 0');
			var $fileSize = $('<span>').text('fileType : ' + file.type).css('margin', '0 5px 0 0');
			$li.append($fileName).append($fileSize);
			$ul.append($li);
		}
		$(this).append($ul);
		uploadFiles(files);
		e.preventDefault();
	}).on("dragenter", function(e) {
		e.preventDefault();
	}).on("dragover", function(e) {
		e.preventDefault();
	});
});